<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>客服助手demo</title>
</head>

<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh;">
    <h1 style="color: #333; margin-bottom: 20px;">欢迎使用客服助手</h1>
    <form action="/chat/demo" method="post" style="background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);">
        <label for="question" style="display: block; margin-bottom: 5px; color: #555;">请输入你的问题：</label><br>
        <input type="text" id="question" name="question" value="{{question}}" required style="width: 300px; padding: 10px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 15px;">
        <input type="submit" value="提交问题" style="padding: 10px 20px; background-color: #007BFF; color: #fff; border: none; border-radius: 3px; cursor: pointer;">
    </form>

    <h1 style="color: #333; margin-bottom: 20px;">问题的答案如下：</h1>
    <p style="background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 600px; text-align: center;">{{ answer }}</p>
</body>

</html>